body {
	padding:0;
	margin:0;
}
.dragging {
/*  outline: 3px solid #ffffaa; */
  margin:0;
  padding:0;
  background: #ffffaa;
  opacity: 0.7;
}

/******************************** AREAS & ELEMENTS ****************************/
.compages_area, .compages_element {
  border:none;
  padding:2px !important;
  margin:0 !important;
  cursor:move !important;
  z-index: 100 !important;
}

.compages_element a{
  cursor:move !important;
}
.compages_element:hover{
  outline: dotted 1px black !important;
}
/********************************** RESTORE BAR *******************************/
#compages #restore_bar {
  padding: 8px 12px 12px 3px;
  position: absolute;
  background: white;
  left: 45%;
  top: 45%;
  height: 100px !important;
  width: 161px !important;
  color:black;
	font-family: georgia, serif;
  background: url('/images/restore_bar.png') no-repeat 7px 4px;
  text-align:center;
  z-index: 500;
}
.drag_handle {
  position:relative;
  cursor:move;
  color:lightgrey;
  padding:0 !important;
  margin:0 !important;
}
#restore_bar a {
  margin:0 !important;
  z-index: 500 !important;
}
#remove_element {
  color:red !important;
  cursor:pointer;
}
/********************************* BASE ***************************************/
#compages {
  font-family: georgia, serif;
	color: black;
	font-size: 12pt;
	z-index: 1500;
}
#compages div {	z-index: 1500; }
#compages a {
  color:black;
  text-decoration: none;
	margin: 0;
	letter-spacing: normal;
	text-decoration: none;
	font-weight: normal;
	border: none;
	color: black;
}

#compages a:hover {
  background: #ffffaa;
}
#compages .menu a {
  margin: 0 2em;
  white-space: nowrap;
}
#compages img {
	border: 0;
}

#compages h1, #compages h2{
  font-size:14pt;
  margin:0 0 10px 0;
  font-family: georgia, serif;
	color: black;
}

/******************************** STRUCTURE ***********************************/
#compages #hide_bar {
  margin:auto;
  margin-bottom: 5px;
  text-align: center;
  font-size:small;
}

#compages #compages_bar_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
  background: url('/images/page_edit_shadow.png') repeat-x bottom;
	width: 100%;
	padding: 0 0 27px 0;
}

#compages #options_bar {
  background:white;
  padding: 0;
  margin: 0;
  position:relative;
  top:0;
}
#compages #options_bar div{
  background:white;
}
#compages #options_bar .menu {
	list-style: none;
	margin: 0;
	padding:0;
	text-align: center;
	background-color: white;
	border: 1px solid black;
  border-width: 1px 0;
}

#compages #widgets {
  background:#fff;
  z-index:1501;
  margin:0;
  padding-bottom:10px;
  width:100%;
}
#compages #options_bar ul li {
	display:inline;
	margin: 0;
	padding: 0;
}

#compages #options_bar small a { display: inline; }

/******************************* WIDGETS **************************************/
#compages .clear { clear:both; }
#compages .widget { 
  text-align:center;
  margin-top:5px;
}
#compages .widget table{
  margin:auto;
  display:block;
  text-align:center;
}
#compages .widget table td{ 
  width:30%;
  text-align:right;
}

#compages #widget_instructions p {
  margin-bottom:0.8em;
}
#compages #widget_instructions {
  text-align: center;
  padding:0 20px;
}

/************************************ WRITING *********************************/

#compages #write_widget #write_area textarea{
  height: 5em;
  padding:0;
  margin:0;
}

/************************************ LIBRARY *********************************/